/* 编辑器 */
/* 这个可能不需要 */
body.monaco-shell {
    background-color: #E5ECF0;
}

/* 首页 */
#homePageIndex .right-content {
    background-color: #F7FAFC;
}

#homePageIndex .left-content {
    background: #fff;
    -webkit-app-region: no-drag;
}

#homePageIndex .recent-item {
    background-color: #EFF4F7;
    color: #CCCCCC;
}

#homePageIndex .button-content .btn-name {
    color: #61737C;
}

#homePageIndex .create-project-img {
    background-image: url(./image/create.png);
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
}

#homePageIndex .open-project-img {
    background-image: url(./image/open.png);
    width: 32px;
    height: 24px;
    background-size: 32px 24px;
}

#homePageIndex .recent-item-operate-list-btn {
    border-color: #DFE7EB;
}

#homePageIndex .recent-item-info{
    color: #61737C;
}

#homePageIndex .small-image-item-content {
    background-color: #fff;
}

#homePageIndex .small-content-wrapper {
    background-color: #fff;
}

#homePageIndex .small-content-name {
    color: #61737C;
}

#homePageIndex .small-content-des {
    color: #61737C;
}

#homePageIndex .recent-item-image {
    background-image: url(./image/recent.png);
    width: 39px;
    height: 44px;
    background-size: 39px 44px;
}

#homePageIndex .recent-item-open-img {
    background-image: url(./image/recent-open.png);
    width: 15px;
    height: 14px;
    background-size: 15px 14px;
}

#homePageIndex .recent-item-del-img {
    background-image: url(./image/recent-delete.png);
    width: 11px;
    height: 14px;
    background-size: 11px 14px;
}

.small-image-item-wrapper {
    box-shadow: 2px 2px 13px #d8dee1;
}

#homePageIndex .recent-content-title {
    border-left: 2px solid #44A7FF;
    font-size: 14px;
    color: #61737C;
}

#homePageIndex .right-btn-item.select .item-image {
    background-position-y: 0;
}

#homePageIndex .sample-item .item-image {
    background-image: url(./image/sample.png);
    width: 27px;
    height: 19px;
    background-size: 27px 19px;
}

#homePageIndex .study-item .item-image {
    background-image: url(./image/study.png);
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
}

#homePageIndex .community-item .item-image {
    background-image: url(./image/community.png);
    width: 21px;
    height: 20px;
    background-size: 21px 20px;
}

/* 左侧工具栏 */
body .leftBoxBar {
    background-color: #272E36;
}

body .leftBoxBar [data-msg=menu] {
    background-color: #3FCFB9;
}

/* body .leftBoxBar .item {
    opacity: 1;
} */

body .leftBoxBar .itemFocus {
    background-color: #1E232A;
}

body .leftBoxBar.no-cursor .item img{
    opacity: 1;
}

body .leftBoxBar .small-item {
    opacity: 1;
}

/* 上方菜单栏 */
body .menu-left, 
body .menu-right, 
body .menu-top-bar,
#editpage_login .div-top-placeholder {
    background-color: #F7FAFC;
}

.toolLi .toolbar-image {
    width: 26px;
    height: 26px;
    background-size: 26px 52px;
    padding: 4px 10px 4px 10px;
    background-repeat: no-repeat;
    background-origin: content-box;
    background-clip: content-box;
}

.leftBoxBar .item:hover::after,
.leftBoxBar .small-item:hover::after,
.toolLi li:hover::after {
    background-color: #111;
    color: #fff;
    font-family: -webkit-body;
}

.toolLi .toolbar-image:hover,
.toolLi .toolbar-image:active {
    background-position-y: -26px;
}

body .toolLi .layacloud-tool-first {
    border-left: 1px solid #000;
}

body .toolLi .tool-newpro {
    background-image: url("image/tool-newpro.png");
}

body .toolLi .tool-save {
    background-image: url("image/tool-save.png");
}

body .toolLi .tool-compile {
    background-image: url("image/tool-compile.png");
}

body .toolLi .tool-debug {
    background-image: url("image/tool-debug.png");
}

body .toolLi .tool-run {
    background-image: url("image/tool-run.png");
}

body .toolLi .tool-publish {
    background-image: url("image/tool-publish.png");
}

body .toolLi .tool-publish3 {
    background-image: url("image/tool-publish3.png");
}

body .toolLi .tool-qrcode {
    background-image: url("image/tool-qrcode.png");
}

body .layaPackage .viewPanel .container .selectcontainer select,
body .toolLi select {
    background-color: #F7FAFC;;
    border-color: #BFCBD2;
    color: #61737C;
}

body .toolLi .icon {
    fill: lightslategrey;
}

body .toolLi .icon:hover,
body .toolLi .icon:active {
    fill: black;
}

body #avatarWrapper {
    background-image: url(image/ide-user.png);
}

body li#ide_nav_min {
    background-image: url(image/ide-min.png);
}

body li#ide_nav_max {
    background-image: url(image/ide-max.png);
}

body li#ide_nav_max.max {
    background-image: url(image/ide-max-max.png);
}

body li#ide_nav_close {
    background-image: url(image/ide-close.png);
}

/* 问答、搜索 */
.webview-operation-panel {
    display: flex;
    align-items: center;
}

.webview-operation-panel .ask-operate-left,
.webview-operation-panel .ask-operate-right,
.webview-operation-panel .ask-operate-reload,
.webview-operation-panel .ask-operate-home,
.webview-operation-panel .ask-operate-url {
    margin-left: 45px;
}

.webview-operation-panel .ask-operate-left {
    width: 10px;
    height: 18px;
    background-size: 10px 18px;
    background-image: url(image/ask_operate_left.png);
    cursor: pointer;
}

.webview-operation-panel .ask-operate-right {
    width: 9px;
    height: 17px;
    background-size: 9px 17px;
    background-image: url(image/ask_operate_right.png);
    cursor: pointer;
}

.webview-operation-panel .ask-operate-reload {
    width: 17px;
    height: 18px;
    background-size: 17px 18px;
    background-image: url(image/ask_operate_reload.png);
    cursor: pointer;
}

.webview-operation-panel .ask-operate-home {
    width: 17px;
    height: 17px;
    background-size: 17px 17px;
    background-image: url(image/ask_operate_home.png);
    cursor: pointer;
}

.webview-operation-panel .ask-operate-url {
    background-color: #E5ECF0;
    border: 0;
    min-width: 200px;
    height: 30px;
    color: #61737C;
    padding-left: 15px;
    font-size: 16px;
    border: 1px solid #ccd3d7;
    border-radius: 5px;
}

/* layacloud */
body .layacloud .layerBackground {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

body .layacloud .aside {
    background-color: #F5F8FA;
}

body .layacloud .aside-item.selected {
    color: #243239;
}

body .layacloud .aside-item {
    color: #B4CBD7;
}

body .layacloud .main {
    background-color: #fff;
}

body .layacloud .main-content .main-info {
    background-color: #EFF4F7;
    color: #61737C;
}

body .layacloud .main-content .main-info .cloudtable tr, .cloudtable td {
    border: 1px solid #494949;
}

body .layacloud .main-content .main-info .cloudtable tr:nth-child(even) {
    background-color: #EFF4F7;
}

body .layacloud .main-content .layacloud-success-info {
    border-top: 1px solid #494949;
}

/* 工具弹窗panel */
.common-main-wrapper {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

.common-tool-title {
    height: 36px;
    background-color: #3FCFB9;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 20;
}

.common-tool-icon-wrapper {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
}

.common-tool-title-content {
    background-position-y: 36px;
    font-size: 14px;
    cursor: default;
}

#layaMakerPanel .newpro-close,
.common-tool-close {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 0;
    background-size: 36px 108px;
    background-image: url(./image/res-close.png);
}

.common-tool-close:hover {
    background-position-y: 72px;
}

.common-tool-close:active {
    background-position-y: 36px;
}

/* swf转换 */
body .menuPanel .viewPanel {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

body .menuPanel .viewPanel .content {
    color: #61737C;
    width: 403px;
    background-color: #FFFFFF;
    top: 36px;
    height: 184px;
}

/* js压缩 */
body .common-panel-wrapper,
body .compressJSFile .viewPanel {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

body.monaco-shell select {
    background-color: #F7FAFC;
    color: #61737C;
}

body.monaco-shell select[disabled] {
    background-color: gray;
}

/* 运行器下载 layanative */
body .layaPackage .viewPanel {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

body .layaPackage .viewPanel .container .selectcontainer > span {
    color: #61737C;
}

/* 类库管理 */
body .layaLayerPop .layerBackground2 {
    background-color: #fff;
}

body .libsPathList {
    background-color: #E5EAEE;
}

body .libsPathList:hover {
    background-color: #E0E5E8;
}

body .libsPathList.selected {
    background-color: #CBD4D9;
}

body .libsPathList.selected:hover {
    background-color: #CBD4D9;
}

body .conAtitle {
    color: #61737C;
}

/* 区块链项目，部署 */
body .layaBlockchain .layerBackground {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    height: 556px;
}

body .layaBlockchain .aside {
    background-color: #F5F8FA;
    height: calc(100% - 36px);
}

body .layaBlockchain .aside-item {
    color: #B4CBD7;
}

body .layaBlockchain .aside-item.selected {
    color: #61737c;
}

body .layaBlockchain .main {
    height: calc(100% - 36px);
    background-color: #fff;
    color: #61737c;
}

body .layaBlockchain .main-content .main-content-name,
body .layaBlockchain .signature-content label,
body .layaBlockchain .deployment-content label,
body .layaBlockchain .deployment-content p {
    color: #61737C;
}

body .layaBlockchain .button-select-cs,
body .layaBlockchain .button-ok {
    background-color: #3FCFB9;
}

body .layaBlockchain .main-content .main-content-info {
    background-color: #EFF4F7;
}

body .layaBlockchain .aside-divide-line {
    background-color: #D4DBDE;
}

/* IDE设置 */
body .ideConfigPanel .viewPanel {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

/* publishpro2 */
body#publishpro2,
#divBgWait {
    background-color: #fff;
}

body#publishpro2 select {
    background-color: #F7FAFC;
    color: #BFCBD2;
}

body#publishpro2 a:link {
    color: #61737C;
}

body .tipPanel .tip-wrapper,
body .scrollPanel .scroll-wrapper {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

#publishpro2 .jstree-container,
#publishpro3 .jstree-container {
    background-color: #fff;
}

#publishpro2 .jstree-title,
#publishpro3 .jstree-title {
    color: #61737C;
}

#publishpro2 .jstree-default .jstree-node .jstree-wholerow-hovered,
#publishpro3 .jstree-default .jstree-node .jstree-wholerow-hovered {
    background-color: #E5EAEE;
}

#publishpro2 .jstree-default .jstree-node .jstree-wholerow-clicked,
#publishpro3 .jstree-default .jstree-node .jstree-wholerow-clicked {
    background-color: #dee2e4;
}

body#publishpro2 #imgHelp {
    background-image: url(image/help.png);
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    display: inline-block;
    vertical-align: middle;
}

/* publishpro3 */
body#publishpro3,
body#generateSign,
#divBgWait {
    background-color: #FFFFFF;
    color: #61737C;
}

body#publishpro3 select {
    background-color: #EFF4F7;
    color: #61737C;
}

body#publishpro3 #imgHelp,
.psd-help {
    background-image: url(image/help.png);
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    display: inline-block;
    vertical-align: middle;
}

body#publishpro3 input,
body#generateSign input {
    background-color: #EFF4F7;
    color: #61737C;
}

body#publishpro3 .block-wrapper,
body#generateSign .block-wrapper {
    background-color: #EFF4F7;
}

body#publishpro3 .block-wrapper input[type="text"][readonly="readonly"] {
    background-color: #36A5B2;
    color: #FFFFFF;
}

body#publishpro3 .filter-container {
    background-color: #FFFFFF;
}

body#publishpro3 .add-input-btn {
    color: #61737C;
}

/* layabuild */
body#layabuild {
    background-color: #fff;
}

body#layabuild select {
    background-color: #F7FAFC;
    color: #BFCBD2;
}

/* popPanel */
body .popPanel {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

body .popPanel .message {
    color: #61737C;
}

/* 新建页面 */
body .layaLayerPop .layerBackground {
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

body .layaLayerPop .layerBackgroundleftPanel {
    background-color: #F5F8FA;
}

body .layaLayerPop .layerBackgroundleftPanel > a {
    color: #61737C;
    visibility: hidden;
}

body .layaLayerPop .layerBackgroundrightPanel {
    top: 36px;
    background-color: #fff;
}

body .layaLayerPop .layerBackground {
    height: 606px;
}

body .layaLayerPop .layerBackground .layerBackgroundleftPanel .listPro:hover {
    background-color: #4bd9c3;
}

body .layaLayerPop .layerBackground .layerBackgroundleftPanel .listPro .triangle {
    border-left-color: #3FCFB9;
}

body .layaLayerPop .layerBackground .layerBackgroundleftPanel .listPro.selected {
    background-color: #3FCFB9;
}

body .layaLayerPop .layerBackground .layerBackgroundleftPanel .listPro a {
    color: #61737C;
}

body .layaLayerPop .layerBackground .layerBackgroundleftPanel .listPro.selected a {
    color: #fff;
}

body .layaLayerPop .layerBackgroundrightPanel .layaNewProInput > span,
body .common-inputbefore-label {
    font-size: 14px;
    color: #61737C;
}

body #layaAddASFile + label,
body #layaWeGame + label,
.layaLayerPop .layerBackgroundrightPanel > a {
    color: #61737C;
}

body .layaLayerPop .image-01 {
    background-image: url(image/01.png);
}

body .layaLayerPop .image-02 {
    background-image: url(image/02.png);
}

body .layaLayerPop .image-03 {
    background-image: url(image/03.png);
}

body .layaLayerPop .image-04 {
    background-image: url(image/04.png);
}

body .layaLayerPop .image-05 {
    background-image: url(image/05.png);
}

body .layaLayerPop .image-06 {
    background-image: url(image/06.png);
}

body .layaLayerPop .image-07 {
    background-image: url(image/07.png);
}

body .layaLayerPop .image-08 {
    background-image: url(image/08.png);
}

body .layaLayerPop .image-big-01b {
    background-image: url(image/01b.png);
}

body .layaLayerPop .image-big-02b {
    background-image: url(image/02b.png);
}

body .layaLayerPop .image-big-03b {
    background-image: url(image/03b.png);
}

body .layaLayerPop .image-big-04b {
    background-image: url(image/04b.png);
}

body .layaLayerPop .image-big-05b {
    background-image: url(image/05b.png);
}

body .layaLayerPop .image-big-06b {
    background-image: url(image/06b.png);
}

body .layaLayerPop .image-big-07b {
    background-image: url(image/07b.png);
}

body .layaLayerPop .image-big-08b {
    background-image: url(image/08b.png);
}

/* 登录 */
body#editpage_login {
    background: #fff;
    color: #61737C;
}

#editpage_login .noaccount a {
    color: #3FCFB9;
}

#editpage_login ::-webkit-input-placeholder,
#publishpro3 ::-webkit-input-placeholder,
#generateSign ::-webkit-input-placeholder { /* WebKit browsers */
    color: #B4CBD7;
    font-weight: normal;
}

#editpage_login .logo {
    background: url(image/login-logo.png);
    background-size: 208px 229px;
    background-repeat: no-repeat;
}

#editpage_login input[type=text], 
#editpage_login input[type=password], 
#editpage_login .account {
    background-color: #EFF4F7;
    border: 0;
    color: #61737C;
}

#editpage_login .btns button {
    background-color: #3FCFB9;
}

#editpage_login .forgot {
    color: #61737C;
}

#editpage_login .btnqq, .btnwx {
    border-color: #61737c;
    color: #61737C;
}

/* 商城 */
#shop .shop-content-wrapper #loader .loader {
    color: #61737C;
}

#layaMakerPanel .main-wrapper,
#layaMakerPanel .category-wrapper,
#layaMakerPanel .project-wrapper,
#shop .shop-main-wrapper,
#upload-panel-wrapper .upload-wrapper-content {
    background-color: #fff;
    color: #61737C;
}

#layaMakerPanel .category-search .search-input,
#shop .shop-header-wrapper .shop-header-search-wrapper input {
    background-color: #fff;
}

#layaMakerPanel .category-search .img,
#shop .shop-header-wrapper .shop-header-search-wrapper .img {
    background-image: url(./image/res-search.png);
}

#shop .shop-content-wrapper .content-item.sound .name {
    color: #61737C;
}

#shop .shop-content-wrapper .content-item.sound hr {
    border-color: #E9F0F4;
}

#shop .shop-content-wrapper .content-item.sound .btn-hear {
    background-image: url(image/res-hear.png);
}

#shop .shop-content-wrapper .content-item.sound .btn-use {
    background-image: url(image/res-use.png);
}

#shop .shop-content-wrapper .content-item.sound .btn-modify {
    background-image: url(image/res-modify.png);
}

#shop .shop-content-wrapper .content-item.sound .btn-delete {
    background-image: url(image/res-delete.png);
}

#shop .shop-content-wrapper .content-item.common {
    background-color: #ffffff;
    color: #61737C;
}

#shop .shop-content-wrapper .content-item.common .name {
    color: #61737C;
}

#layaMakerPanel .category-pagination span {
    background-color: #EFF4F7;
    color: #61737C;
}

#layaMakerPanel .project-wrapper .small-image-item-content {
    background-color: #FFFFFF;
    color: #61737C;
}

/* menu */
body div.dhtmlxMenu_material_SubLevelArea_Polygon {
    background-color: #F7FAFC;
}

body div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_selected td {
    background-color: #E5ECF0;
}

body div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_sep td div.sub_sep {
    border-color: #D5DEE3;
}

body div.dhtmlxMenu_material_SubLevelArea_Polygon td {
    color: #61737C;
}

body div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_selected td {
    color: #61737C;
}

body div.dhtmlxMenu_material_SubLevelArea_Polygon td.sub_item_hk div.sub_item_hk {
    color: #61737C;
}

body div.dhtmlxMenu_material_SubLevelArea_Polygon tr.sub_item_selected td.sub_item_hk div.sub_item_hk {
    color: #61737C;
}

body .show-area-container>div {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

body #loginPage .main-wrapper {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}

/* common */
/* input 前的 span */
body#layabuild label,
#homePageIndex .right-btn-item span,
body#publishpro2 span,
ul li .topbar-text {
    font-size: 16px;
    color: #61737C;
}

/* input text */
body#layabuild input[type=text],
body.monaco-shell input.inputSmallinput,
body .inputSmallDown,
body.monaco-shell .LayaInputSelect,
body .layaBlockchain .signature-content .signature-error,
body .layaBlockchain .deployment-content .signature-error,
body .common-error-prompt,
body .layaBlockchain .deployment-content input,
body#publishpro2 input,
.layaLayerPop .layerBackgroundrightPanel .layaNewProInput > input,
body .layaBlockchain .signature-content input[type=text],
body .maker-input,
body .common-skins-input {
    background-color: #EFF4F7;
    border: 0;
    color: #61737C;
}

body#layabuild input[type=text][disabled] {
    background-color: #e3e8f0;
}

/* input 后面的 btn */
body .dhxform_obj_material div.dhxform_btn,
body .dhxform_obj_material div.dhxform_btn.dhxform_btn_over,
body .dhxform_obj_material div.dhxform_btn.dhxform_btn_pressed,
body .compressJSFile .compressJSFilePanelBackground .compressBtn,
body .ideConfigPanel .ideConfigPanelBg .browseBtn,
body#publishpro2 .btn,
body .layasmallBtn,
#editpage_login .btngetvcode,
body .layaSkipButton,
.layaLayerPop .layerBackgroundrightPanel .layaNewProInput > button,
body .common-skins-file-btn {
    background-color: #DDE6EB;
    color: #61737C;
}

body .dhxform_obj_material div.dhxform_btn:hover,
body .dhxform_obj_material div.dhxform_btn.dhxform_btn_over:hover,
body .dhxform_obj_material div.dhxform_btn.dhxform_btn_pressed:hover,
body .compressJSFile .compressJSFilePanelBackground .compressBtn:hover,
body .ideConfigPanel .ideConfigPanelBg .browseBtn:hover,
body#publishpro2 .btn:hover,
body .layasmallBtn:hover,
#editpage_login .btngetvcode:hover,
body .layaSkipButton:hover,
.layaLayerPop .layerBackgroundrightPanel .layaNewProInput > button:hover,
body .common-skins-file-btn:hover {
    background-color: #CED9E0;
    color: #61737C;
}

body .dhxform_obj_material div.dhxform_btn:active,
body .dhxform_obj_material div.dhxform_btn.dhxform_btn_over:active,
body .dhxform_obj_material div.dhxform_btn.dhxform_btn_pressed:active,
body .compressJSFile .compressJSFilePanelBackground .compressBtn:active,
body .ideConfigPanel .ideConfigPanelBg .browseBtn:active,
body#publishpro2 .btn:active,
body .layasmallBtn:active,
#editpage_login .btngetvcode:active,
body .layaSkipButton:active,
.layaLayerPop .layerBackgroundrightPanel .layaNewProInput > button:active,
body .common-skins-file-btn:active {
    background-color: #E7EEF3;
    color: #61737C;
}

/* panel上的按钮 */
body#layabuild #hihere>.dhxform_base>div:last-child .dhxform_btn,
body .menuPanel .viewPanel .content .item .itemButton,
body .layaBtnCustum,
body .layaBtnCustum2,
body .refreshBtnLeft,
body .refreshBtnRight,
body .layaPackage .viewPanel .container .selectcontainer .copy-btn,
body#publishpro2 .big-btn,
body#publishpro3 .big-btn,
body#generateSign .big-btn,
#publishpro2 .jstree-btn,
#publishpro3 .jstree-btn,
#editpage_login .btnlogin,
body .layaLayerPop .layerBackgroundrightPanel .layaNewProInput .createLayaBtn,
body .popPanel .info,
body .popPanel .btncontent .content,
body .layacloud .button-ok,
body .common-skins-ok-btn {
    background-color: #3FCFB9;
    color: #fff;
}

body .menuPanel .viewPanel .content .item .itemButton:hover,
body .layaBtnCustum:hover,
body .layaBtnCustum2:hover,
body .refreshBtnLeft:hover,
body .refreshBtnRight:hover,
body .layaPackage .viewPanel .container .selectcontainer .copy-btn:hover,
body#publishpro2 .big-btn:hover,
body#publishpro3 .big-btn:hover,
body#generateSign .big-btn:hover,
#publishpro2 .jstree-btn:hover,
#publishpro3 .jstree-btn:hover,
#editpage_login .btnlogin:hover,
body .layaLayerPop .layerBackgroundrightPanel .layaNewProInput .createLayaBtn:hover,
body .popPanel .info:hover,
body .popPanel .btncontent .content:hover,
body .layacloud .button-ok[data-can-click=true]:hover,
body .common-skins-ok-btn:hover {
    background-color: #4bd9c3;
    color: #fff;
}

body .menuPanel .viewPanel .content .item .itemButton:active,
body .layaBtnCustum:active,
body .layaBtnCustum2:active,
body .refreshBtnLeft:active,
body .refreshBtnRight:active,
body .layaPackage .viewPanel .container .selectcontainer .copy-btn:active,
body#publishpro2 .big-btn:active,
body#publishpro3 .big-btn:active,
body#generateSign .big-btn:active,
#publishpro2 .jstree-btn:active,
#publishpro3 .jstree-btn:active,
#editpage_login .btnlogin:active,
body .layaLayerPop .layerBackgroundrightPanel .layaNewProInput .createLayaBtn:active,
body .popPanel .info:active,
body .popPanel .btncontent .content:active,
body .layacloud .button-ok[data-can-click=true]:active,
body .common-skins-ok-btn:active {
    background-color: #3ac2ad;
    color: #fff;
}

/* select */
body .layaPackage .viewPanel .container .selectcontainer select,
.layaLayerPop .layerBackgroundrightPanel .layaNewProInput > select {
    background-color: #F7FAFC;
    color: #61737C;
}

/* font */
body .common-font {
    color: #61737C;
}

/* loading */
body .load4 .loader {
    color: #888;
}

/* input */
input[type=text]:hover,
input[type=number]:hover,
input:not([type]):hover {
    outline: groove 1px #3FCFB9;
}

input[type=text]:focus,
input[type=number]:hover,
input:not([type]):focus {
    outline: solid 1px #3FCFB9;
}

input:read-only:hover,
input:read-only:focus,
input:disabled:hover,
input:disabled:focus {
    outline: none !important;
}